<template>
  <div :id="dynamicId" v-bind:class="dynamicClass" v-bind:title="dynamicTitle">测试</div>
  <button :disabled="isButtonDisabled">Button</button>
  <div v-bind="objectOfAttrs">测试</div>
</template>

<script>
export default {
  data() {
    return {
      dynamicClass: "appclass",
      dynamicId: "appid",
      dynamicTitle: null,
      isButtonDisabled: true,
      objectOfAttrs: {
        id: "appid",
        class: "appclass"
      }
    }
  }
}
</script>
<style>
.appclass {
  color: red;
  font-size: 20px;
}
</style>